<template>
  <div class="pageHead">
      <h1 class="pageHead-title">选择商品</h1>

      <div class="pageHead-note">
          <span class="pageHead-note-title">
              预约单号:
              <span>
                 {{order.order}}
              </span>
          </span>

          <span class="pageHead-note-title">
              预约人:
              <span>
                 {{order.person}}
              </span>
          </span>

          <span class="pageHead-note-title">
              电话:
              <span>
                 {{order.tel}}
              </span>
          </span>
      </div>

  </div>
</template>
<script>
    import {mapMutations, mapState} from 'vuex';
    import {getOrderInfor} from "api/getOrederInfor"
    export default {
        props: {},
        data() {
            return {
               order:{}
            }
        },
        methods: {
          _getOrderInfor(){
              this.order = getOrderInfor()
          }
        },
        components: {

        },
        mounted() {
            console.log();
        },
        created() {
          this._getOrderInfor();
        },
        computed: {
          ...mapState([
            'navIndex',
            "pageInfor"
          ])
        },
    }
</script>
<style lang="less" scoped="">
    .pageHead{
      &-title{
        height: 46px;
        line-height: 46px;
        color: #9d2828;
        font-weight: 400;
        letter-spacing: 2px;
        margin-top: 30px;
      }
      &-note{
        height: 50px;
        line-height: 50px;
        color: #9d2828;
        letter-spacing: 2px;
        &-title{
          margin-right: 25px;
          color: #9d2828;
          >span{
            color: #000;
          }
        }
      }
    }
</style>
